
<template>

  <div>
    <a-config-provider
      :locale="locale"
      :autoInsertSpaceInButton="false"
      component-size="large"
      
    >
    <!-- :theme="{ token: { colorPrimary: data.colorPrimary, borderRadius: `${data.borderRadius}px` } }" -->
      <!-- direction="rtl" -->

      <template #renderEmpty>
        <div style="text-align: center">
          <smile-outlined style="font-size: 20px" />
          <p>Data Not Found</p>
        </div>
      </template>

      <router-view />
    </a-config-provider>
  </div>
</template>

<script>
import { SmileOutlined } from '@ant-design/icons-vue';
import zhCN from 'ant-design-vue/es/locale/zh_CN';
import dayjs from 'dayjs';
import 'dayjs/locale/zh-cn';
dayjs.locale('zh-cn');
export default {
  name: '',
  components: { SmileOutlined },
  data() {
    return {
      locale: zhCN,
      containerRef: null,
      data:{
        colorPrimary:'red',
        borderRadius:10,
      }
    }
  },
  created() { },
  mounted() { },
  methods: {},
  computed: {}
}
</script>
<style scoped lang='scss'>
</style>
